<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>出错啦</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/layui/css/layui.css">
</head>

<body>

    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
        <legend th:text="${status}"></legend>
    </fieldset>
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">

        <legend th:text="${error}"></legend>

    </fieldset>
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">

        <legend th:text="${message}"></legend>
    </fieldset>

    <div class="layui-container">
        <div class="layui-row">
            <a href="/" class="layui-btn layui-btn-normal" style="display:block;margin:0 auto">返回首页</a>
        </div>

        <div class="layui-carousel" id="test1" lay-filter="test1">
            <div carousel-item="">
                <div><img
                        src="https://tse2-mm.cn.bing.net/th/id/OIP-C.hHxwgWNpkwYvT-toH7g-oAAAAA?pid=ImgDet&rs=1"></img>
                </div>
                <div><img
                        src="https://tse3-mm.cn.bing.net/th/id/OIP-C.iuAn3MIH2Mv5aB7htvYnugHaC5?w=344&h=137&c=7&o=5&dpr=2&pid=1.7"></img>
                    <br>咦？世界线变动了，你好像来到了奇怪的地方。看看其他内容吧~
                </div>
                <div><img
                        src="https://tse2-mm.cn.bing.net/th/id/OIP-C.52zSbrqjD7Vs2eNIvuAzsQHaEz?pid=ImgDet&rs=1"></img>
                    <br>服务器内部错误或者程序员罢工啦～～ 点击上面的按钮返回首页
                </div>
            </div>
        </div>

        <script src="/layui/layui.js"></script>
        <script>
            layui.use('carousel', function () {
                var carousel = layui.carousel;
                //建造实例
                carousel.render({
                    elem: '#test1'
                    , width: '100%' //设置容器宽度
                    , height: '500px'
                    , arrow: 'always' //始终显示箭头
                    //,anim: 'updown' //切换动画方式
                });
            });
        </script>

</body>

</html>